import AdvancedCounter from "@/components/AdvancedCounter";

export default function HemoPage() {
  const secreKey = process.env.SECRET_API_KEY;
  const publicApiKey = process.env.NEXT_PUBLIC_GOOGLE_MAPS_KEY;
  return (
    <div style={{ padding: "50px", textAlign: "center" }}>
      {" "}
      <h1>Hello, Next.js!</h1>
      <h1>
        {" "}
        环境变量测试 秘钥：{secreKey} 环境变量：{publicApiKey}
      </h1>
      <p>下面是客户端的组件区域：</p>
      <hr />
      {/* 4. 引入并使用拆分后的组件 */}
      <AdvancedCounter />
    </div>
  );
}
